:root{
    --bg-color:#384B70;
    --primary-color:#B8001F;
    --secundary-color:#507687;
    --text-color:#384B70;
    --text-card-color:white;
    --border-color:#B8001F;
}
header{
    background-color: var(--bg-color);
}
header nav{
    background-color: var(--text-card-color);
}

.navbar-brand, .nav-link{
    color: var(--text-card-color);
}

.navbar-brand:hover, .nav-link:hover{
    color: var(--primary-color);
}


footer{
    color: var(--text-card-color);
}
p{
    font-weight: 400;
}

h1 {
    font-size: 63px;
    padding: 15px;
    color: var(--text-color);
    text-align: center;
}
.container-fluid{
    background-color: var(--bg-color);
}
.text-w{
    color: var(--text-card-color);
}
h2 {
    font-size: 54px;
    color: var(--text-color);
    font-weight: 600;
}
.carousel-caption h5{
   font-size: 80px;
   color: var(--text-card-color);
   text-shadow: 2px 2px 2px black;
}

h1, h2, .carousel-caption h5{
  font-size: 3.5rem;
}

@media (max-width: 1230px) {
  h1, h2,.carousel-caption h5 {
    font-size: 3rem;
  }
}

@media (max-width: 900px) {
  h1, h2,.carousel-caption h5 {
    font-size: 2.5rem;
  }
}
.btn{
    background-color: #507687;
}
.btn:hover{
    background-color: var(--primary-color);
}
@media (max-width: 576px) {
  h1, h2,.carousel-caption h5 {
    font-size: 1.5rem;
  }
}